<ion-header [translucent]="true">
    <ion-toolbar>
        <ion-buttons slot="primary">
            <ion-button fill="clear" color="medium" (click)="dismiss()">
                <ion-icon name="close-outline" slot="icon-only"></ion-icon>
            </ion-button>
        </ion-buttons>
        <ion-title>
            {{translate("ABOUT")}}
        </ion-title>
    </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
    <ion-header collapse="condense">
        <ion-toolbar>
            <ion-title size="large">{{translate("ABOUT")}}</ion-title>
        </ion-toolbar>
    </ion-header>

    <div class="app-info ion-padding">
        <!-- <picture> -->
        <!-- <source srcset="assets/logo.png" media="(prefers-color-scheme: dark)"> -->
        <img src="assets/logo.png" alt="">
        <!-- </picture> -->

        <h1>{{version}}</h1>
    </div>


    <ion-list lines="full">
        <ion-item (click)="checkUpdate()" detail button>
            <ion-label>{{translate("CHECK_UPDATE")}}</ion-label>
        </ion-item>
        <ion-item (click)="chooseLanguage()" detail button>
            <ion-label>{{translate("CHOOSE_LANGUAGE")}}</ion-label>
        </ion-item>
        <ion-item (click)="rate()" detail button>
            <ion-label>{{translate("RATE_APP")}}</ion-label>
        </ion-item>
        <ion-item *ngIf="showIPA" (click)="buy()" detail button>
            <ion-label>{{translate("PRASE_VIP")}}</ion-label>
        </ion-item>
        <ion-item *ngIf="showIPA" (click)="restore()" detail button>
            <ion-label>{{translate("RESTORE_VIP")}}</ion-label>
        </ion-item>
        <ion-item (click)="showAd()" detail button>
            <ion-label>{{translate("SUPPORT_US")}}</ion-label>
        </ion-item>
        <ion-item *ngIf="config && config.showAd" (click)="copyIdfa()" detail button>
            {{idfa}}
        </ion-item>
    </ion-list>


</ion-content>